<template>
	<div>
		<!-- 内容 -->
			<div class="publis">
				<p>发布</p>
			</div>
			<div class="qbzz">
				<!-- <biti>
					<input type="text" placeholder="请输入标题"/>
				</biti>
				<neir>
					<input type="text"  placeholder="请输入内容"/>
				</neir> -->
				<input type="text" class="biti" placeholder="请输入标题" />
				<input type="text" class="neti" placeholder="请输入内容" />
				<button type="button" class="fb">发布</button>
			</div>
			
			
			
			<div class="kuan" style="width: 100%; height: 150px;">
			</div>
		<!-- 底部 -->
		<van-tabbar v-model="active">
			<van-tabbar-item to="/">
				<span>首页</span>
				<template #icon="props">
					<img :src="props.active ? icon.active : icon.inactive" />
				</template>
			</van-tabbar-item>
			<van-tabbar-item to="/publish" icon="search">发布</van-tabbar-item>
			<van-tabbar-item to="/my" icon="setting-o">我的</van-tabbar-item>
		</van-tabbar>
	</div>


</template>

<script type="text/javascript">

	import {Tabbar,TabbarItem} from 'vant';

	export default {
		components: {
			[Tabbar.name]: Tabbar,
			[TabbarItem.name]: TabbarItem,
		},
		data() {
			return {
				active: 1,
				icon: {
					active: 'https://img01.yzcdn.cn/vant/user-active.png',
					inactive: 'https://img01.yzcdn.cn/vant/user-inactive.png',
				},
			};
		},
	}
</script>

<style>
	*{
		padding: 0;
		margin: 0;
	}
	.publis{
		margin: 0;
		padding: 0;
		width: 100%;
		height: 60px;
		background: #07BE5E;
	}
	.publis{
		line-height: 60px;
		text-align: center;
		font-size: 22px;
		color: #fff;
	}
	.biti{
		width: 95%;
		height: 60px;
		border: none;
		border-bottom: 1px solid #d0d0d0;
		font: 16px "微软雅黑";
		color: #333;
		line-height: 18px;
		text-align: left;
		padding-left: 10px;
	}
	.neti{
		width: 355px;
		height: 120px;
		border: none;
		border-bottom: 1px solid #d0d0d0;
		font: 16px "微软雅黑";
		color: #333;
		line-height: 18px;
		text-align: left;
		padding-left: 10px;
		overflow: scroll;
		vertical-align:top;
	}
	.fb{
		height: 45px;
		background-color: #07BE5E;
		width: 305px;
		margin-bottom: 5px;
		text-align: center;
		border-radius:30px;
		border: none;
		color: #fff;
		font-size: 18px;
		margin: 20px 30px 0;
	}
</style>
